import styled from "styled-components";

export const SiderWrapper = styled.div`
  .sider {
    position: relative;

    margin: 10px;
    padding: 10px;
    /* 减header-margin */
    max-width: 300px !important;
    min-width: none !important;
    width: 25vw !important;
    height: calc(100vh - 64px - 20px);

    /* overflow-x: hidden;
    overflow-y: scroll; */

    background-color: #fff;

    .orderList {
      /* margin-top: 50px; */
      margin: 10px 0;

      height: calc(100vh - 64px - 40px - 50px);

      overflow-x: hidden;
      overflow-y: scroll;
      ::-webkit-scrollbar {
        display: none;
      }
    }
  }
  /* .sider::-webkit-scrollbar {
    display: none;
  } */
`;
